import React, { Component} from 'react';
import {
    Platform,
    StyleSheet,
    Text,
    Image,
    View,
    TextInput,
    Alert,
    FlatList,
    TouchableWithoutFeedback,
} from 'react-native';
import pxToDp from '../config/pxToDp';
import EvilIcons from 'react-native-vector-icons/EvilIcons';

export default class ChartListSearch extends Component{

    render(){
        return(
            <View style={styles.div} >
                <TouchableWithoutFeedback onPress={this.props.search}>
                    <View style={styles.pageStyle}>
                        <View style={styles.testext}>
                            <EvilIcons name="search" size={20}></EvilIcons>
                            <Text >搜索</Text>
                        </View>

                    </View>
                </TouchableWithoutFeedback>
            </View >
        )
    }
}
const styles = {
    div: {
        // flex: 1,
        width: pxToDp(640),
        height:52,
        paddingTop: 10,
        paddingLeft: 10,
        paddingRight: 10,
    },
    pageStyle: {
        backgroundColor:'#f3f3f3',
        height:30,
        borderRadius:5,
    },
    testext:{
        flex: 1,
        flexDirection: 'row',
        alignItems:'center',
        justifyContent: 'center',
        // color:"#f0f0f0"
    },
}